<template>
  <div class="stu" style="position: relative;">
      <topimg></topimg>
      <toptab :datext='datext' :shows='false'></toptab> 
	  <div style="width:1100px;height:346px;padding-top:46px;margin: 0 auto;">
		  <div style="width:201px;height:300px;float:left;text-align:left;">
			  <p style="font-size:24px;line-height: 31px;">客户见证</p>
			  <p style="font-size:24px;line-height: 36px;">————</p>
			  <img style="width:100%;height: 165px;margin-top:25px;" src="http://www.lgmgim.cn/upload/images/2020/04/29/5df26d4095684ba0be9ac23b64ec146e.jpg" alt="">
		  </div>
		  <div class="tabbox">
			  AGV小车技术的发展是现代科技产业领域的一个热门类型，这种小车将自动化和智能化控制技术推向了一个新的发展历程。
			  纵观行业里销售好的AGV小车技术厂商在该领域都有多年的研究历史，近段时间一些全国著名的物流管理商也用AGV小车实
			  现了分类运输的效率改革……
		  </div>
		  <div style="width:439px;height:300px;float:left;text-align:left;">
		  			  <p style="font-size:24px;line-height: 31px;">联系我们</p>
		  			  <p style="font-size:24px;line-height: 36px;">————</p>
					  <div class="tabs" v-for="i in databp">
						  <img :src="i.url" alt="">
						  <p>{{i.text}}</p>
					  </div>
		  </div>
	  </div>
	  <div id="all-map" class="map"  style="width: 1100px;height: 398px;margin: 0 auto;"></div>
	  <div style="width:1100px;height:64px;margin: 0 auto;"></div>	
  </div>
</template>

<script>
import AMap from 'AMap'
import topimg from '@/components/topimg.vue'
import toptab from '@/components/toptab.vue'
export default {
  name: 'lxwm',
  components: {topimg,toptab},//声明子组件
  computed:{},
  data(){
	  return {
		  datext:{
		  		  tetx1:'- 联系我们',
		  		  text2:'高亿科技随时为您服务！'
		  },
		  databp:[
			  {url:'http://image.fast.126net.cn/group2/M00/02/4B/wKgADlycXSuAZpWoAAAF-c0OO5g571.png',text:'19136836273'},
			  // {url:'http://image.fast.126net.cn/group1/M00/04/DE/wKgADFycXdOAGZKjAAAGCu6uleM821.png',text:''},
			  // {url:'http://image.fast.126net.cn/group1/M00/04/DE/wKgADFycXTOALwzGAAAFsqijllI004.png',text:''},
			  // {url:'http://image.fast.126net.cn/group1/M00/04/DE/wKgADFycXSOAIz-BAAAF6e35v0Y827.png',text:''},
		  ]
	  }
  },
  methods:{
	 GaodeMap(){
	                 var map = new AMap.Map('all-map', {
	                         center: [116.40857,27.917632], // [纬度，经度]
	                         resizeEnable: true,
	                         zoom: 15
	                 });
	                 	var marker;//实例化marker
	                 	marker = new AMap.Marker({
	                 		        offset: new AMap.Pixel(0, 0),  //设置文本标注偏移量
	                 				position:[116.40857,27.917632],
	                 				map: map
	                 			});
	                      marker.setLabel({
	                                         offset: new AMap.Pixel(0, 0),  //设置文本标注偏移量
	                                         content: '江西高亿科技', //设置文本标注内容
	                                         direction: 'top'//设置文本标注方位
	                                     });
	                 AMap.plugin(['AMap.ToolBar', 'AMap.Scale'], function () {
	                         map.addControl(new AMap.ToolBar())
	                         map.addControl(new AMap.Scale())
	                 })
	 }
  },
  mounted(){
	  this.GaodeMap()
  }
}
</script>
<style scoped="scoped">
	.tabs p{
		font-size: 14px;
		color: #666666;
		line-height:25px;
	}
	.tabs img{
		width: 25px;
		height:25px;
		float: left;
		margin-right: 15px;
	}
	.tabs{
		width:100%;
		height: 25px;
		margin: 20px 0;
	}
	.tabbox{
		width:316px;
		height:145px;
		float:left;
		margin:85px 40px 0 20px;
		font-size:14px;
		line-height:30px;
		text-align:justify;
	}
</style>
